.title{
 
  height: 65rpx;
  line-height: 65rpx;
  background: white;
  border-left: 5px solid #2d7dee;
  font-size: 14px;
  /* padding: 7px 0px 0px 10px; */
  border-bottom:1px solid #f3f3f3;
  text-indent: 10px;
  margin-top: 10px;
}
.contact_img{
  width:100%;
  height: 210px;
}
.contact_text{
  font-size:13px;
  color: #777;
  border-bottom:1px solid #eee;
  height: 65rpx;
  line-height: 65rpx;
  padding-left:15rpx;
  position: relative
}
.contact_text .ri{
  margin-left:20rpx;
  position: absolute;
  right: 10px;
  top:0px;
}
.contact_text .le{
  position: absolute;
  margin-left:10rpx;
  
}

.contact_text image,.contact_address image{
  width: 40rpx; height: 40rpx;
  margin-top:5px;
}

.wechat image{
  width: 43rpx; height: 43rpx;
}

.card1{
	width: 80%;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	margin-left: 10%;
  background: white;
  position:  absolute;
  z-index: 9999;
  height: 140rpx;
  margin-top:-8%;
 }
 .card1 button{
   position: absolute;
   top:25rpx;
   left: 230rpx;
   background: none;
   /* border: 1px solid #eee; */
   content: none;
   
 }
 button{
   color: #666;
 }
 button::after{
   border: 0;
   color: #777;
 }
             
.card2{
	padding: 10px;
  height: 70px;
  float: left;
}


.first{
  margin-top: 90rpx;
}

.userinfo-avatar {
  width: 95rpx;
  height: 95rpx;
  border:1px solid #eee;
  border-radius: 50%;
}

.contact_name{
  text-align: center;
  line-height: 140rpx;
  color: #666;
  padding-right: 15rpx;
  font-size: 22px;
}

.contact_customer{
  width: 95%;
  margin: 0 auto;
  
  margin-top: 20rpx;
}
.contact_button{
  color:#fff;
}
.contact_img image{
  width: 100%;
}

.contact_address{
  font-size:13px;
  color: #777;
  border-bottom:1px solid #eee;
  padding-left:15rpx;
  display: flex;
  
}
.contact_address .context{
  padding-top: 10rpx;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom:13rpx;
}
.contact_address .context .left_text{
  margin-left: 10rpx;
  
}
.contact_address .context .right_btn{
  margin-right: 10px;
  width: 30%;
  
  text-align: right;
}

.c1_div{
  width: 90%;
  margin: 30rpx auto;
  margin-bottom: 20rpx;
  position: relative;
}
.c1_first_line{
  display: flex;
  justify-content: space-between;
}
.fline{
  width: 46%;
  height: 70rpx;
  border:1px;
  display: flex;
  line-height: 70rpx;
}

.fline_img image{
  width: 45rpx;
  height: 45rpx;
  margin: 13rpx 15rpx 0 50rpx;
}
.fline_text{
  font-size: 14px;
  color: #666;
}


.c1_first_line1{
  display: flex;
  justify-content: space-between;
}
.fline1{
  width: 48%;
  height: 70rpx;
  border:1px;
  display: flex;
  line-height: 70rpx;
}

.fline_img1 image{
  width: 45rpx;
  height: 45rpx;
  margin: 13rpx 15rpx 0 50rpx;
}
.fline_text1{
  font-size: 14px;
  color: #666;
}


.c1_other_line{
  width: 100%;
  height: 70rpx;
  margin-top: 20rpx;
  display: flex;
  line-height: 70rpx;
}
.oline_img image{
  width: 45rpx;
  height: 45rpx;
  margin: 13rpx 20rpx 0 20rpx;
}
.oline_text{
  font-size: 14px;
  color: #666;
}

.oline_text_div{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.oline_text_right{
  margin-right: 15rpx;
}

.c1_other_line_address{
 
  margin-top: 20rpx;
  display: flex;
  
}
.c1_other_line_address .oline_text_div{
  margin-top: 13rpx;
}

.hide{
  display: none;
}

.contact_button1{
  width: 100%;
  height: 60rpx;
  
  display: flex;
  opacity: 0.0;
}

.contact_customer button{
  height: 70rpx;
  line-height: 70rpx;
  font-size: 14px;
  border-radius: 0rpx;
}

.fline_contact{
  position: absolute;
  width: 45%;
  right: 0;

}

.message{
    padding:8px;
   color:#433e3e;
}